<!DOCTYPE HTML>
<html id='html'>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"          >
        <script type='text/javascript' src='./js/jquery/js/jquery-1.7.1.min.js'     ></script>
        <script type='text/javascript' src='./js/jquery/js/jquery.mousewheel.min.js'></script>
        <script type='text/javascript' src='./js/API/TToolTip.js'                       ></script>
        <script type='text/javascript' src='./js/API/TPlanEngine.js'                    ></script>
        <script type='text/javascript'                                              >
            var tpe;
            function init(){
                tpe = new TPlanEngine('p_b');
                tpe.setUpPlanFromText('<svg version = "1.1" baseProfile="full" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" xmlns:ev = "http://www.w3.org/2001/xml-events" id="plan" style="width: 400px; height: 400px;"><defs id="floors"><g id="fl1" floor_number="1"><rect x="0" y="0" width="400px" height="400px" fill="none" stroke="black" stroke-width="5px" stroke-opacity="0.5" id="base"/><g fill-opacity="0.6" stroke="black" stroke-width="0.5px" ><circle id="red_circle" cx="200px" cy="200px" r="104px" fill="red" transform="translate(0,-52)" onclick=\'tpe.showToolTip("red_circle");\' name="RED" description="red circle"><name>RED</name><description>red circle</description></circle><circle cx="200px" cy="200px" r="104px" fill="blue"  transform="translate( 60, 52)" /><circle cx="200px" cy="200px" r="104px" fill="green" transform="translate(-60, 52)" /></g></g><g id="fl2" floor_number="2"><rect x="0" y="0" width="400px" height="400px" fill="none" stroke="black" stroke-width="5px" stroke-opacity="0.5" id="base1"/><g fill-opacity="0.6" stroke="black" stroke-width="0.5px" ><circle cx="200px" cy="200px" r="104px" fill="black"   transform="translate(  0,-52)" /><circle cx="200px" cy="200px" r="104px" fill="yellow"  transform="translate( 60, 52)" /><circle cx="200px" cy="200px" r="104px" fill="orange" transform="translate(-60, 52)" /></g></g></defs><use id="use" xlink:href="#fl1"/></svg>');
            }
        </script>
    </head>
    <body onload='init();'>
        <div id='p_b' style="border: solid 3px; border-color: black; position: absolute; width: 500px; height: 400px"></div>
    </body>
</html>
